import React, { Component } from 'react'
import './bikan.scss'
export default class bikan extends Component {
  constructor() {
    super()
    this.state = {
      last_feng: {
        'fengqiang': [{
          'id': 0,
          'img': 'https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/2019/10/15/61/823c07ed-5285-4649-94a0-896ba6d5abdc_420_531_292x372_90.jpg',
          'text_img': 'https://h2.appsimg.com/a.appsimg.com/upload/brandcool/0/80be9f2718094ba5ac5bd890c7154f5d/10007032/black_132x66_90.png',
          'sum_num': '676',
          'price': '173'
        },
        {
          'id': 1,
          'img': 'https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/115706/2019/0906/183/9b1dc97b-e2e6-4bb7-84c5-ccc7c7cad33c_420_531_292x372_90.jpg',
          'text_img': 'https://h2.appsimg.com/a.appsimg.com/upload/brandcool/0/71053659fb3d4314ba79db7f1560086d/10010433/black_132x66_90.png',
          'sum_num': '256',
          'price': '59'
        },
        {
          'id': 2,
          'img': 'https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/2019/04/15/134/f3c478c4-62b2-452e-aa03-ef7234002260_420_531_292x372_90.jpg',
          'text_img': 'https://h2.appsimg.com/a.appsimg.com/upload/brandcool/0/309078e4d3ad49d39ae48f251a8b5fb8/10037730/black_132x66_90.png',
          'sum_num': '625',
          'price': '150'
        }],
        'paihang':[{
          'id': 0,
          'img': 'https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/103177/2019/0918/9/6d1a5e9f-6729-4355-82b0-ca3a79cd2157_420_531_292x372_90.jpg',
          'text_img': 'https://h2.appsimg.com/b.appsimg.com/upload/mst/2019/09/26/68/mst_fce586cecfc6eb21a88cfb6b678d3c1e_208x38_90.png',
          'title': '女式羽绒服'
        },{
          'id': 1,
          'img': 'https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/615683/2019/1017/87/6d3cfbd4-d032-4f22-834b-3537ffbf7e90_420_531_292x372_90.jpg',
          'text_img': 'https://h2.appsimg.com/b.appsimg.com/upload/mst/2019/09/26/24/mst_39228dba5276d88827c63ea282201711_208x38_90.png',
          'title': '男式羽绒服'
        },{
          'id': 2,
          'img': 'https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/2019/10/11/81/46235a0b-0756-4da6-a4f7-21e2c507c08a_420_531_292x372_90.jpg',
          'text_img': 'https://h2.appsimg.com/b.appsimg.com/upload/mst/2019/09/26/47/mst_c82d0034974d241dcad328229eac137c_208x38_90.png',
          'title': '女靴'
        }],
        'vip_kuaiqiang':[
          {
            'id':0,
            'img':'https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/2019/08/08/138/9712d0a0-5a46-4185-8595-7df77091c0bd_290x290_90.jpg',
            'xuanfuImg':'https://h2.appsimg.com/a.appsimg.com/upload/brandcool/0/11d489285e014b6b96d9afe84addae1f/10015434/black_136x70_90.png',
            'price':58
          },
          {
            'id':1,
            'img':'https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/610988/2019/0923/101/58cf5418-0d0a-4453-912f-a15e741d2fbd_290x290_90.jpg',
            'xuanfuImg':'https://h2.appsimg.com/a.appsimg.com/upload/brandcool/0/160bfa1004b14d678007a5ca0d0325ed/10001192/black_136x70_90.png',
            'price':79
          },
          {
            'id':2,
            'img':'https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/615683/2019/1024/42/435ac2b4-d4ce-458f-99ca-976eb7a3310a_290x290_90.jpg',
            'xuanfuImg':'https://h2.appsimg.com/a.appsimg.com/upload/brandcool/0/9f0cd24b6b754267935961b51bfe0667/10010709/black_136x70_90.png',
            'price':59
          },
          {
            'id':3,
            'img':'https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/105556/2019/0909/74/cb4d4198-9b02-438a-a3ba-775ede9fc745_290x290_90.jpg',
            'xuanfuImg':'https://h2.appsimg.com/a.appsimg.com/upload/brandcool/0/cfb99afefb4349d485dc24e6873c3aa2/10006498/black_136x70_90.png',
            'price':89
          },
          {
            'id':4,
            'img':'https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/114463/2020/0113/81/52b21e5f-5eb6-4f77-ae92-8cc5d0475629_290x290_90.jpg',
            'xuanfuImg':'https://h2.appsimg.com/a.appsimg.com/upload/brandcool/0/cf98afd9f7a249d68def6c2fad92fbb0/10015781/black_136x70_90.png',
            'price':88
          },
          {
            'id':5,
            'img':'https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/106143/2019/0812/134/433a47bc-4d4f-477d-9ca4-000f8791aafd_290x290_90.jpg',
            'xuanfuImg':'https://h2.appsimg.com/a.appsimg.com/upload/brandcool/0/5ecf215e6a5e40b68e65716cf14e16fc/10007154/black_136x70_90.png',
            'price':58
          }
        ]
      }
    }
  }
  render () {
    // 
    return (
      <div className='main bikan'>
        <h2>每日必看专区</h2>
        <h5>THE SECTION YOU NEED</h5>
        <div className='one'>
          <div className='fengqiang one-div'>
            <ul>
              {this.state.last_feng.fengqiang.map(el => {
                return (
                  <li key={el.id}>
                    <img src={el.img} alt='' />
                    <div className='down_price'>
                      <img src='https://h2.appsimg.com/b.appsimg.com/upload/mst/2019/10/30/4/mst_2d41fbce75aa8c43a51509a5c73e569d_80x32_90.png' alt='' />
                      <span>￥{el.price}</span>
                    </div>
                    <span className='xuanfu'>
                      <img alt='' src={el.text_img} />
                      <span>共{el.sum_num}款</span>
                    </span>
                  </li>
                )
              })}
            </ul>
          </div>
          <div id='paihang' className='paihang one-div'>
            <ul>
              {this.state.last_feng.paihang.map(el => {
                return (
                  <li key={el.id}>
                    <img src={el.img} alt='' />
                    <div className='down_price'>
                      <span>{el.title}</span>
                    </div>
                    <img className='xuanfu_img' alt='' src={el.text_img} />
                  </li>
                )
              })}
            </ul>
          </div>
        </div>
        <div className='two'>
          <ul>
            {this.state.last_feng.vip_kuaiqiang.map(el=>{
              return (
                <li key={el.id}>
                  <img src={el.img} alt='' />
                  <div className='two_div'>
                    <div className='two_img'><img src={el.xuanfuImg} alt=''/></div>
                    <div className='price'>
                      <img src='https://h2.appsimg.com/b.appsimg.com/upload/mst/2019/10/30/98/mst_d24fec498a2ea3ca0b4688fd311eb821_80x30_90.png' alt='' />
                      <span>￥{el.price}</span>
                    </div>
                  </div>
                </li>
              )
            })}
          </ul>
        </div>
      </div>
    )
  }
}
